<!DOCTYPE html>
<html>

<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width,initial-scale=1.0'>
    <meta http-equiv='X-UA-Compatible' content='ie=edge'>
    <title>Document</title>
</head>

<body>
    <div id='app'>

    </div>
    <script src='./vue.js'></script>
    <script>
        new Vue({
            el: '#app',
            data: {

            },
            computed: {
                // msg:
            },
            methods: {
                a() {
                    // this->vm
                    // vm.b()
                    this.b();

                },
                b() {

                }
            }
        });
    </script>
</body>

</html>
<!-- 
    1 过滤器:
    作用:文本格式化(数据格式处理)
    分类:全局过滤器 局部(本地/私有))过滤器
    步骤:1 定义一个过滤器 Vue.filter('过滤器的名字',function(v,argv){})
        2 实现过滤器具体的功能 Vue.filter('过滤器的名字',function(v){
            // js代码
            return 处理的结果
        })
        3 使用 {{msg|过滤器的名字('自己传的参数')}} 或者 v-bind:属性
    注意: 被处理的数据不需要手动传入
          过滤器也可以自己传参数
          过滤器的串联 {{msg | A | B...}}

     2. 方法调用 {{fn()}} 
        在插值表达式中调用方法 需要fn()
        在绑定事件时, 以下是正确的写法
            @click="fn1"
            @click="fn1()"
            @click="fn1(111)"
        在A方法中调用B方法 this.方法名()
    
      3. 语法错误 
         指令错误
         timplate 

-->
<!-- 
    http://www.bslxx.com/a/vue/2017/1111/1426.html
 -->

<!-- 
    1. v-bind
    作用:绑定标签的任何属性
    场景:属性值不确定 
    :属性="data中的数据"
    1.1 class 对象语法/数组语法
    1.2 style 对象语法/数组语法

    2. v-model
    作用:绑定表单元素 
    常用:input type=text
    注意:双向数据绑定

    3. v-cloak
    作用:解决页面闪烁
    步骤 
        a.给div#app v-cloak
        b. style [v-cloak]{display:none}
    
    4. v-once
    作用:标签只需要渲染一次

    5.
        删除
        添加

        自动获取焦点
        日期格式处理
    6. 过滤器
    7. ref操作DOM
        a.给要操作的DOM设置ref属性值 ref="txt"
        b. 在mounted(){this.$refs.txt.focus()}
        // 在mounted(){}相当于window.onload

    8. 自定义指令
    分类: 全局和局部(本地/私有)
    步骤:
        a.定义自定义指令 Vue.directive('自定义指令名',{inserted(el){}})
        b.实现功能 inserted(el){el指使用指令的DOM元素}
        c.使用自定义指令 <p v-自定义指令名></p>
    
    9. 计算属性
    计算属性是Vue选项 computed
    computed中的属性的值是带有返回值的函数
    computed中的属性和data中的属性用法一样
    computed中的属性和methods中的区别:
    methods:每调用一次 就执行一次
    computed:如果没有依赖data中的数据,computed把第一次使用计算属性的结果进行缓存
    场景: 数据A依赖了数据B 把数据A写成计算属性

-->